<template>
	<div id="app">
		<transition>
			<router-view></router-view>
		</transition>
	</div>
</template>

<script>
	export default {
		name: 'App'
	}
</script>

<style>
	.add_btn_wrap {
		background: rgba(250, 250, 250, 1);
		padding: 10px 30px;
		text-align: right;
	}
	
	.page_wrap {
		text-align: center;
		padding: 30px;
	}
	
	.down_search_wrap {
		background: #FFFFFF;
		margin-bottom: 20px;
		padding: 20px;
		border-radius: 6px;
		overflow: hidden;
		padding-right: 160px;
		position: relative;
		min-height: 66px;
	}
	
	.down_search_wrap .input_wrap,
	.down_search_wrap .select_input_wrap {
		float: left;
		margin-right: 30px;
		line-height: 46px;
	}
	
	.down_search_wrap .input_wrap .label,
	.down_search_wrap .riqi_wrap .label,
	.down_search_wrap .select_input_wrap .label {
		text-align: right;
		width: 98px;
		display: inline-block;
		color: rgba(0, 0, 0, 0.647059);
		font-size: 14px;
	}
	
	.down_search_wrap .el-select,
	.down_search_wrap .el-input {
		width: 160px;
	}
	
	.down_search_wrap .search_btn_wrap {
		width: 150px;
		position: absolute;
		right: 0;
		top: 10px;
	}
	
	.down_search_wrap .riqi_wrap {
		float: left;
		white-space: nowrap;
		line-height: 46px;
	}
	
	.down_search_wrap .el-date-editor {
		width: 160px;
	}
	
	.cell .el-button {
		margin: 2px 0;
	}
	
	.el-table th>.cell {
		color: #333;
	}
	/*弹窗样式修改*/
	
	.el-dialog .el-dialog__header {
		padding: 16px 20px 16px;
		text-align: left;
		background: #66b1ff;
		color: #fff;
	}
	.el-dialog .el-dialog__title {
		color: #fff;
	}
	.el-dialog .el-dialog__headerbtn {
		top: 6px;
		right: 6px;
	}
	
	.el-dialog .el-dialog__headerbtn .el-dialog__close {
		color: #fff;
		font-size: 40px;
	}
	
	.w-200 {
		width: 200px;
	}
</style>